<%--
  Created by IntelliJ IDEA.
  User: 13009
  Date: 2022/4/15
  Time: 17:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%--<html>--%>
<%--<head>--%>
<%--    <meta charset="UTF-8">--%>
<%--    <meta http-equiv="X-UA-Compatible" content="IE=edge">--%>
<%--    <meta name="viewport" content="width=device-width, initial-scale=1.0">--%>
<%--    <link rel="icon" id="favicon" href="${path}/imgs/index/favicon.ico" type="image/x-icon">--%>
<%--    <title>美食首页</title>--%>
<%--    <!-- 引入bootstrap.css - 开发环境/bootstrap.min.css - 生产环境-->--%>
<%--    <link rel="stylesheet" href="${path}/plugins/bootstrap-3.4.1-dist/css/bootstrap.css">--%>
<%--    <!-- 引入登录所需要的h+ -->--%>
<%--    <link href="${path}/plugins/Hplus/css/font-awesome.css" rel="stylesheet">--%>

<%--    <link href="${path}/plugins/Hplus/css/animate.css" rel="stylesheet">--%>
<%--    <link href="${path}/plugins/Hplus/css/style.css" rel="stylesheet">--%>
<%--    <link rel="stylesheet" href="${path}/css/index/index.css">--%>
<%--</head>--%>
<%--<body>--%>
<input type="hidden" name="userIdHid" value="${user.id}">
<!-- 背景变白 -->
<div class="fknAV" id="outer"></div>
<!-- 顶部导航栏 -->
<div class="top-fixed">
    <div id="top" class="container" style="margin-top: 5px;">
        <div class="row toprow">
            <ul class="nav navbar-nav navbar-left col-md-6">

                <div  class="col-md-4">
                    <a href="${path}/index"><img src="${path}/imgs/index/topico.svg" alt=""></a>
                </div>
                <div class="col-md-8">
                    <div class="input-group">
                        <input id="search1" type="text" class="form-control" placeholder="">
                        <span class="input-group-btn">
                                <svg t="1648374506062" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3014" width="22" height="22">
                                    <path d="M909.824 837.12l-209.408-208.896a333.824 333.824 0 1 0-72.192 72.192l208.896 209.408a51.2 51.2 0 1 0 72.704-72.704z m-477.696-174.592a230.4 230.4 0 1 1 230.4-230.4 230.4 230.4 0 0 1-230.4 230.4z" fill="" p-id="3015"></path></svg><!-- <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button> -->
                            </span>
                    </div><!-- /input-group -->
                    <form action="#" id="search1form" class="search1form">
<%--                        <a class="btn btn-default" href="#" role="button">--%>
<%--                            <div class="lefticon">--%>
<%--                                <svg t="1648555895063" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4083" width="20" height="20">--%>
<%--                                    <path d="M599.67 957.12l-2.88-0.09c-21.56-1.08-40.16-16.02-45.97-37.15l-95.93-348.76-350.72-97.78a50.568 50.568 0 0 1-37-46.3 50.613 50.613 0 0 1 32.23-49.73L888.05 70.57c18.69-7.26 39.98-2.8 54.18 11.38 14.23 14.22 18.71 35.5 11.42 54.22L646.89 924.82c-7.51 19.31-26.49 32.3-47.22 32.3zM154.19 422.74l351.32 97.94 96.04 349.16L886.2 138.02 154.19 422.74z" fill="#2c2c2c" p-id="4084"></path></svg>--%>
<%--                            </div>--%>
<%--                            <div class="lefttext">--%>
<%--                                附近--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                        <hr>--%>
<%--                        <div class="searchinfo">浏览记录</div>--%>
<%--                        <a class="btn btn-default" href="storeinfo.html" role="button">--%>
<%--                            <div class="lefticon">--%>
<%--                                <svg t="1648556523361" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5229" width="20" height="20">--%>
<%--                                    <path d="M730.001059 142.376685C674.219615 92.668563 596.796268 65.290005 512 65.290005S349.780385 92.668563 293.998941 142.376685c-67.034742 59.736523-102.464673 150.544715-102.464673 262.620279 0 244.113787 280.928251 530.164708 292.88763 542.222325 7.29208 7.354502 17.22122 11.488659 27.577079 11.488659 10.355859 0 20.284999-4.13518 27.577079-11.488659 11.95938-12.05864 292.88763-298.108538 292.88763-542.222325C832.465732 292.921399 797.035802 202.113207 730.001059 142.376685zM511.967254 862.912162c-26.241664-29.129434-67.722404-77.68429-109.032252-136.26857C315.459718 602.581018 269.222651 491.358891 269.222651 404.996964c0-243.122203 185.824219-262.018575 242.776326-262.018575 225.270627 0 242.776326 200.551642 242.776326 262.018575C754.776326 575.98529 580.826552 786.352485 511.967254 862.912162zM512.00921 232.834906c-85.246523 0-154.60417 70.452585-154.60417 157.056012s69.357648 157.054989 154.60417 157.054989c85.256756 0 154.618497-70.451562 154.618497-157.054989S597.265966 232.834906 512.00921 232.834906zM512.00921 478.968699c-47.768957 0-86.626963-39.95806-86.626963-89.077781s38.858006-89.078805 86.626963-89.078805c47.77305 0 86.641289 39.959084 86.641289 89.078805S559.78226 478.968699 512.00921 478.968699z" p-id="5230"></path></svg>--%>
<%--                            </div>--%>
<%--                            <div class="lefttext">--%>
<%--                                韩式炸鸡--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                        <hr>--%>

                    </form>
                </div><!-- /.col-md-6 -->

            </ul>

            <ul class="nav navbar-nav navbar-right">

                <c:if test="${!empty user}">
                    <li>
                        <a href="${path}/coupon">
                            <div style="margin-top: -1px;float: left;">
                                <svg t="1650014138917" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1284" width="20" height="20" style="line-height:20px">
                                    <path d="M821.333333 138.666667c64.8 0 117.333333 52.533333 117.333334 117.333333v149.333333a32 32 0 0 1-32 32 74.666667 74.666667 0 0 0 0 149.333334 32 32 0 0 1 32 32v149.333333c0 64.8-52.533333
                                    117.333333-117.333334 117.333333H202.666667c-64.8 0-117.333333-52.533333-117.333334-117.333333V618.666667a32 32 0 0 1 32-32 74.666667 74.666667 0 0 0 0-149.333334 32 32 0 0 1-32-32V256c0-64.8 52.533333-117.333333
                                    117.333334-117.333333h618.666666zM428.576 329.994667a32 32 0 0 0-43.733333-2.581334l-1.514667 1.344a32 32 0 0 0-2.581333 43.733334L452.565333 458.666667H405.333333l-1.877333 0.053333A32 32 0 0 0 373.333333 490.666667l0.053334
                                    1.877333A32 32 0 0 0 405.333333 522.666667h80v42.666666H405.333333l-1.877333 0.053334A32 32 0 0 0 373.333333 597.333333l0.053334 1.877334A32 32 0 0 0 405.333333 629.333333h80v42.666667l0.053334 1.877333A32 32 0 0 0 517.333333
                                    704l1.877334-0.053333A32 32 0 0 0 549.333333 672v-42.666667H618.666667l1.877333-0.053333A32 32 0 0 0 650.666667 597.333333l-0.053334-1.877333A32 32 0 0 0 618.666667 565.333333h-69.333334v-42.666666H618.666667l1.877333-0.053334A32 32 0 0 0 650.666667
                                    490.666667l-0.053334-1.877334A32 32 0 0 0 618.666667 458.666667h-47.253334l71.84-86.186667 1.248-1.589333a32 32 0 0 0-50.421333-39.381334L512 430.016l-82.08-98.506667z" p-id="1285" fill="#515151"></path></svg>
                            </div>
                            优惠券中心
                        </a>
                    </li>
                    <li><a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span class="glyphicon glyphicon-user"></span>个人中心 <span class="caret"></span>
                    </a>
                        <ul class="dropdown-menu">
                            <li onclick="cancelMessage()"><a href="${path}/personal?page=0"><span class="glyphicon glyphicon-envelope"></span>我的首页 <em id="myReplyMessage"></em></a></li>
                            <li><a href="${path}/personal?page=1"><span class="glyphicon glyphicon-pencil"></span> 我的点评</a></li>
                            <li><a href="${path}/personal?page=2"><span class="glyphicon glyphicon-star"></span>我的收藏</a></li>
                            <li><a href="${path}/personal?page=3"><span class="glyphicon glyphicon-book"></span>个人资料</a></li>
                            <li><a href="${path}/order"><span class="glyphicon glyphicon-list-alt"></span>我的订单</a></li>
                        </ul>
                    </li>

                    <li><button type="button" id="exit" class="btn btn-primary btn-md" style="margin-top: 8px;">退出登录</button></li>
                    <li class="headportrait"><img src="${user.headPicture}" alt=""></li>
                </c:if>
                <c:if test="${empty user}">
                    <li><a href="#" data-toggle="modal" data-target="#register">注册</a></li>
                    <li  class="active"><a href="#" class="btn btn-primary btn-md" data-toggle="modal" data-target="#login">登录</a></li>
                </c:if>
            </ul>

        </div>
    </div>
</div>

<!-- 登录模态框（Modal） -->

<div class="modal inmodal" id="login" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                </button>
                <svg t="1648375718894" class="icon" viewBox="0 0 1870 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3832" width="150" height="150">
                    <path d="M807.294308 496.669005c-12.430537-11.601834-24.861074-24.861074-36.462908-38.120313l-436.44996 0-37.29161 38.120313L155.450769 496.669005c37.29161-38.120313 71.268411-74.514162 101.032641-110.148368C221.746965 336.867548 190.256272 284.659293 160.492042 230.03399l113.463178 0C287.974103 255.654707 302.890747 280.515781 318.636094 305.376855 341.01106 273.057459 360.899919 241.635824 379.131373 207.659023c2.486107-4.972215 1.657405-9.944429-0.828702-14.916644C374.987861 187.770165 370.015646 185.284057 365.043431 185.284057L155.450769 183.626652 155.450769 138.117076l303.995684 0c15.745347 0 29.833288 7.458322 38.051254 20.717561 9.944429 13.259239 11.601834 28.935527 5.800917 43.852172-30.592932 70.439709-74.514162 142.467764-129.208524 209.592663l357.792285 0C664.826544 326.923118 605.229026 224.233073 550.534664 114.015646l122.578905 0C684.784462 138.117076 696.317238 161.251686 709.576477 183.626652l21.546264-50.55085 110.97707 0c-21.546264 53.86566-43.092528 106.004856-68.713245 154.069598 8.287025 12.430537 15.745347 24.861074 24.861074 36.462908 9.944429-20.717561 19.060156-42.263825 28.175883-63.810089l110.97707 0c-20.717561 53.86566-43.92123 106.004856-69.541948 154.898301 22.374966 28.175883 45.578635 55.523064 70.439709 82.041543L807.294308 496.738063zM157.108174 847.072026l132.523334 0-37.29161-99.375236 125.065012 0 38.120313 99.375236 264.217966 0 36.462908-99.375236 125.893715 0-36.393849 99.375236 131.694632 0 0 47.23604L157.108174 894.308066 157.108174 847.072026zM217.603453 568.766118c0-30.661991 24.861074-55.523064 54.694362-55.523064l549.913137 0c29.833288 0 53.86566 24.861074 53.86566 55.523064l0 101.032641c0 31.490693-24.032371 55.523064-53.86566 55.523064L272.297815 725.321824c-29.833288 0-54.694362-24.032371-54.694362-55.523064L217.603453 568.766118zM751.0116 591.969787c0-16.574049-14.087942-31.490693-31.490693-31.490693L374.987861 560.479094c-17.402752 0-31.490693 14.916644-31.490693 31.490693l0 54.694362c0 17.402752 14.087942 31.490693 31.490693 31.490693l344.533046 0c17.402752 0 31.490693-14.087942 31.490693-31.490693L751.0116 591.969787z" p-id="3833"></path><path d="M1055.421635 277.200971l545.009981 0L1600.431616 210.145131c0-17.402752-14.087942-31.490693-31.490693-31.490693l-543.352576 0L1025.588346 131.418398l645.21392 0c29.833288 0 55.523064 25.689776 55.523064 55.523064l0 236.870785 40.60642 0 0 47.23604-329.616401 0 0 370.222822c0 30.661991-24.861074 55.523064-54.694362 55.523064l-156.555705 0 0-47.23604 53.86566 0c17.402752 0 31.490693-14.087942 31.490693-31.490693L1311.421635 471.048287l-327.130294 0L984.291341 423.812247l616.209334 0L1600.500674 324.437011l-545.009981 0L1055.490693 277.200971zM1196.231994 687.201511c-16.574049 77.828972-35.634206 148.199622-67.05584 211.181009l-127.55112 0c29.833288-66.227138 54.694362-135.838144 68.782304-211.181009L1196.231994 687.201511zM1070.338279 648.321554l-47.23604-137.495549 125.893715 0 47.23604 137.495549L1070.338279 648.321554zM1539.107634 648.321554l47.23604-137.495549 125.893715 0L1665.001349 648.321554 1539.107634 648.321554zM1665.001349 687.201511c14.916644 75.342865 38.879957 144.953871 68.713245 211.181009l-127.55112 0c-31.490693-62.912328-50.55085-133.352037-67.124899-211.181009L1665.001349 687.201511z" p-id="3834"></path></svg>
                <!-- <h4 class="modal-title">用户登录入口</h4> -->
            </div>
            <div class="modal-body">

                <form class="m-t" id="loginForm" role="form" action="${path}/index">
                    <div class="form-group">
                        <input id="telNumber" type="text" class="form-control" placeholder="手机号码" required="">
                        <label class='label label-danger' style="display: none">sorry,此号码不存在!请先注册！</label>
                    </div>
                    <div class="form-group">
                        <input id="password" type="password" class="form-control" placeholder="密码" required="">
                        <label class='label label-danger' style="display: none">sorry,密码不正确!</label>
                    </div>

                    <div class="form-group">
                        <div class='checkbox'>
                            <label>
                                <input type='checkbox' name='check' id='ck' style="margin-top: 2px;" >记住密码
                            </label>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">返回</button>
                <button type="button" id="loginF" class="btn btn-primary" >登录</button>
            </div>
        </div>
    </div>
</div>

<!-- 注册模态框（Modal） -->
<div class="modal inmodal" id="register" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                </button>
                <!-- <i class="fa fa-laptop modal-icon"></i>
                <h4 class="modal-title">用户注册入口</h4> -->
                <svg t="1648375776656" class="icon" viewBox="0 0 1870 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4679" width="150" height="150">
                    <path d="M154.691125 898.451578c42.194767-101.861343 69.541948-189.634745 84.458592-307.241435L362.557324 591.210143c-16.574049 115.051524-43.92123 225.268951-83.629889 307.241435L154.691125 898.451578zM225.890477 298.816293 172.922579 128.172646l125.065012 0L350.126787 298.816293 225.890477 298.816293zM237.492312 532.30321l-54.694362-183.005125 125.065012 0 53.796601 183.005125L237.492312 532.30321zM408.135959 602.811977 408.135959 555.575937l184.66253 0L592.798489 320.293499 390.733207 320.293499 390.733207 273.126517l533.408147 0 0 47.23604-204.551389 0 0 235.282439 186.388994 0 0 47.23604-186.388994 0 0 235.21338 220.296736 0 0 47.23604L375.816563 885.330456l0-47.23604 216.981926 0L592.798489 602.811977 408.135959 602.811977zM594.455894 242.464527 561.376855 110.769895l127.55112 0 32.319396 131.694632L594.455894 242.464527z" p-id="4680"></path><path d="M984.153224 495.080658l31.559752 0L1015.712975 188.598867c0-30.592932 24.032371-55.454006 54.625303-55.454006l226.926356 0c30.661991 0 54.694362 24.792015 54.694362 55.454006l0 306.481791 48.824386 0L1400.783383 188.598867c0-30.592932 25.689776-55.454006 55.523064-55.454006l226.926356 0c30.592932 0 55.523064 24.792015 55.523064 55.454006l0 306.481791 28.106825 0 0 47.23604-28.106825 0 0 301.509576c0 29.833288-24.861074 55.454006-55.523064 55.454006l-123.407607 0 0-47.23604 30.592932 0c13.259239 0 24.032371-10.773132 24.032371-24.032371L1614.450499 542.316698l-90.259509 0 0 179.690316c0 73.754518-13.190181 135.838144-30.592932 177.204208l-122.578905 0c16.574049-40.60642 29.833288-101.861343 29.833288-177.204208L1400.852441 542.316698l-48.824386 0 0 301.509576c0 29.833288-24.032371 55.454006-54.694362 55.454006l-122.509846 0 0-47.23604 30.592932 0c12.430537 0 23.203669-10.773132 23.203669-24.032371L1228.620448 542.316698l-90.328568 0 0 179.690316c0 73.754518-12.499595 135.838144-29.833288 177.204208l-122.578905 0c16.574049-40.60642 29.902347-101.861343 29.902347-177.204208L1015.782034 542.316698l-31.559752 0L984.222282 495.080658zM1138.29188 495.080658l90.328568 0 0-290.736445c0-13.259239-10.773132-24.032371-23.203669-24.032371L1162.255193 180.311842c-14.087942 0-24.032371 10.704073-24.032371 24.032371L1138.222822 495.080658zM1524.260049 495.080658l90.259509 0 0-290.736445c0-13.259239-10.704073-24.032371-24.032371-24.032371l-43.023469 0c-13.190181 0-23.203669 10.704073-23.203669 24.032371L1524.260049 495.080658z" p-id="4681"></path></svg>
            </div>
            <div class="modal-body">
                <form id="registerForm" class="m-t" role="form" action="${path}/index">
                    <div class="form-group">
                        <input type="text" name="telNumber" class="form-control" placeholder="手机号码" required="">
                    </div>

                    <div class="form-group">
                        <input type="text" id="msg" class="form-control" placeholder="验证码" style="width: 50%;display: inline;">
                        <input type="button" id="sendMsg" class="btn btn-primary block" value="发送验证码" style="width: 20%;display: inline;margin-top: -3px;">
                        <input type="hidden" id="hideMsg">
                    </div>

                    <div class="form-group">
                        <input type="password" name="password" class="form-control" placeholder="设置密码" required="">
                    </div>

                    <div class="form-group">
                        <input type="password" name="passwordAgain" class="form-control" placeholder="确认密码" required="">
                    </div>
<%--                    <div class="form-group">--%>
<%--                        <select class="form-control" id="role">--%>
<%--                            <option value="1" selected>普通用户</option>--%>
<%--                            <option value="2">商家</option>--%>
<%--                        </select>--%>
<%--                    </div>--%>
                    <button type="button" class="btn btn-primary block" id="registerSubmit" style="display: inline-block;float: right">确认注册</button>
                    <button type="button" class="btn btn-white" data-dismiss="modal">返回</button>
                </form>
            </div>
<%--            <div class="modal-footer">--%>
<%--                <button type="button" class="btn btn-white" data-dismiss="modal">返回</button>--%>
<%--                <button type="button" class="btn btn-primary">注册</button>--%>
<%--            </div>--%>
        </div>
    </div>
</div>
<%--</body>--%>
<%--<script src="${path}/plugins/jquery.min.js"></script>--%>
<%--<script src="${path}/plugins/bootstrap-3.4.1-dist/js/bootstrap.js"></script>--%>
<%--<script src="${path}/js/index/index.js"></script>--%>
<%--<script src="${path}/js/index/login.js"></script>--%>
<%--<script src="${path}/js/index/register.js"></script>--%>
<%--</html>--%>